<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../js/vue.min.js"></script>
	</head>
	

	  <body>
	      <div id="app">
	        <select v-model="selected">
	        <option v-for="option in funA" v-bind:value="option.value">
	          {{option.text}}
	        </option>
	      </select>
	      <span>Selected: {{selected}}</span>
	      <br>
	      </div>
	       
	     <script type="text/javascript">
	      var vm=new Vue({
	          el: '#app',
	          data: {
	             selected:"A" //变量不用引号. 内容一定要引号. 
	          },
			  //在vue中computed是计算属性，主要作用是把数据存储到内存中，
			  //减少不必要的请求，还可以利用computed给子组件的data赋值。
	          computed:{
			  //做成函数：直接调用函数获取数据	  
	           funA:function(){
	                 var array= [
	                  { text: 'One',   value: 'A' },
	                  { text: 'Two',   value: 'B' },
	                  { text: 'Three', value: 'C' }
	                ];
	             return array;
	           },
	          }    
           });
         </script>